<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html" 
                xmlns:p="http://primefaces.org/ui" 
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                template="/WEB-INF/template/comum/template.xhtml">
    <ui:define name="topo">
        <div class="navbar navbar-inverse-sgi navbar-fixed-top">
            <div class="navbar-inner">  
                <div class="container-fluid">    
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span> 
                        <span class="icon-bar"></span> 
                        <span class="icon-bar"></span>
                    </button>
                    <a class="brand" href="../index.jsf">JCash</a>    
                    <div class="nav-collapse collapse">      
                        <ul class="nav"> 
                            <li class="dropdown">
                                <a class="dropdown-toggle"
                                   data-toggle="dropdown"
                                   href="#">
                                    Cadastros
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><h:link  outcome="/paginas/categoria/list.jsf" value="Categoria" /></li>
                                    <li><h:link  outcome="/paginas/conta/list.jsf" value="Conta" /></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle"
                                   data-toggle="dropdown"
                                   href="#">
                                    Movimentação
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><h:link  outcome="/paginas/movimento/list.jsf" value="Movimento" /></li>
                                </ul>
                            </li>
<!--                            <li class="dropdown">
                                <a class="dropdown-toggle"
                                   data-toggle="dropdown"
                                   href="#">
                                    Orçamento
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                     
                                </ul>
                            </li>-->
                            <li class="dropdown">
                                <a class="dropdown-toggle"
                                   data-toggle="dropdown"
                                   href="#">
                                    Relatórios  
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><h:link  outcome="/paginas/relatorio/lancamento.jsf" value="Lançamento" /></li>
                                    <li><h:link  outcome="/paginas/relatorio/extrato.jsf" value="Extrato de Conta" /></li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="nav pull-right">
                            <li class="divider-vertical"></li>

                            <div class="pull-right">
                                <ul class="nav pull-right">
                                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Bem-vindo, <h:outputText value=" #{loginController.usuario.usuLogin}" /> <b class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li class="divider"></li>
                                            <li><a href="#{facesContext.externalContext.requestContextPath}/login/logout.jsf"><i class="icon-off"></i> Logout</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </ui:define>
</ui:composition>